@CHARSET "UTF-8";
body
{
font-family: BPG arial;
}
@font-face {
	font-family: "BPG Arial";
	src:	url("../../media/fonts/bpg_arial.eot");
	src:	url("../../media/fonts/bpg_arial.eot?#iefix") format("embedded-opentype"),
			url("../../media/fonts/bpg_arial.ttf") format("truetype"),
			url("../../media/fonts/bpg_arial.svg#JournalRegular") format("svg");
}
.hver
{
	background: #c5dbec !important;
	border-radius: 6px;
}
.spacer
{
    height: 20px;
    clear: both;
}
table.tableClass {

	font-family: BPG arial;
	color:#666;
	font-size:13px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:10px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

div.partdiv{
	width:100%;
	height:560px;
	overflow:scroll;
	overflow-x:hidden;
}

div.partdiv1{
	width:100%;
	height:370px;
	overflow:scroll;
	overflow-x:hidden;
}

div.historydiv{
	width:100%;

	overflow:auto;
	overflow-x:hidden;
}

th.thClass {
	padding:11px 15px 12px 15px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #c5dbec;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
	background: #c5dbec;
}
th.thClass:first-child{
	text-align: left;
	padding-left:20px;
}
tr.trClass:first-child th.thClass:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
tr.trClass:first-child th.thClass:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
tr.trClass{
	text-align: center;
	padding-left:20px;
}
table tr.trClass td.tdClass:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
	height: 40px;
}
tr.trClass td.tdClass{
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	height: 40px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
tr.even td.tdClass{
	background:  #DDECEF;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
	background:  #eaf3f5;
}
table.tableClass tr.trClass:last-child td.tdClass{
	border-bottom:0;
}
tr.trClass:last-child td.tdClass:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
tr.trClass:last-child td.tdClass:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
tr.trClass:hover td.tdClass{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}
fieldset
{
    background-color: #F8F8F8;
	border: solid 1px #85b1de;
    background-color: #FFFFFF;
    font-size: 13px;
	font-family: BPG arial;
    display: block;
    padding: 3px;
	background-image: url('../../media/images/forms/bg.png' );
}
option
{
height:25px;
width:150px;
padding:7px 0 0 45px;
background-repeat:no-repeat;
}

.results
{
	display: none;
	position: absolute;
	top: 70px;
	left: 167px;
	width: 260px;
	height: 120px;
	overflow:scroll;
	overflow-x: hidden;
	background: #FFFFFF;
	border: #CCCCCC solid 1px;
}
.user_input
{
	border-radius: 5px;
	text-align: left;
	font-size: 1em;
	border:1px solid #a6c9e2;
	background:#fcfdfd url('../../media/themes/jQuery-UI/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png') 50% bottom repeat-x;
	color:#222;
}
ul
{
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
li {
	padding: 5px;
	cursor: pointer;
	float: left;
	width: 200px;
	text-align: left;
	display: list-item;
}
label {
    display: inline;
}

.regular-checkbox {
    display: none;
	font-size: 28px;
    left: 6px;
}

.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 13px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 6px;
    color: #99a1a7;
}
li:hover{
	background-color: #EEEEEE;
}

.regular-checkbox1 {
    display: none;
	font-size: 28px;
    left: 6px;
}

.regular-checkbox1 + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 13px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular-checkbox1 + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox1:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.regular-checkbox1:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 6px;
    color: #99a1a7;
}

.regular-checkbox2 {
    display: none;
	font-size: 28px;
    left: 6px;
}

.regular-checkbox2 + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 13px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular-checkbox2 + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox2:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.regular-checkbox2:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 6px;
    color: #99a1a7;
}



/* keyboard - demo CSS */
html, body, div, input, textarea {
 font-family: Verdana,Tahoma,Segoe,sans-serif;
 font-size: 14px;
}

body { background: #333; color: #ddd; height: 98%; margin: 0 auto; padding: 0; }
a:link { color: #9fcdff; text-decoration: none; }
a:hover { color: #fff; }
a:visited,a:active { color: #53a5ff; }

#page-wrap { display: block; width: 90%; margin: 0 auto; text-align: center; height: 98%; min-height: 350px; }

h1, h2, h3, h4 { color: #ddd; text-align: center; }
h2 { margin: 5px; font-size: 130%; cursor: pointer; text-transform: capitalize; }

#nav { display: block; width: auto; text-align: center; margin: 20px auto 0 auto; line-height: 45px; }
#nav a { text-align: center; background: #000; color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; white-space: nowrap; }
#nav a.git { background: #006; }
#nav a.play { background: #060; }
#nav a.issue { background: #600; }
#nav a:hover,#nav a.current{ background: #555; }

#switcher, #wrap { width: 260px; margin: 10px auto; }
#switcher a { margin: 0 auto; }
#wrap { margin-top: 30px; }

#console { width: 90%; list-style-type: none; margin: 0 auto; padding: 0; }
#console li { text-align: center; }
#console .keyboard { color: #ec7600; }
#console .event { color: #facd22; }
#console .accepted { color: #8AC763; }
#console .ignored { color: #f00; }
#console .content { color: RoyalBlue; }

.block { width: 270px; display: inline-block; height: 170px;  padding-left: 30px; padding-bottom: 30px; text-align: center; vertical-align: top; position: relative; }
.block2 { margin: 0 auto; text-align: center; }
textarea, input { width: 260px; background: #333; color: #ddd; border: #777 1px solid; padding: 5px 0; }
.hiddenInput { display: inline-block; width: 240px; }
.code { display: none; }
.attn { color: #c00; }

#nav-demo .block { height: 250px; padding: 0; }
#nav-demo input, #nav-demo textarea { margin: 2px; }

#showcode {
 display: none;
 background: #222;
 overflow: auto;
 width: 100%;
 margin: 0 auto;
 border: #555 1px solid;
 z-index: 1;
}
#showcode pre {
 padding: 0 10px;
 text-align: left;
}

.oldie #page-wrap { width: 900px; }
.oldie .block { float: left; display: inherit; }
.oldie #showcode { width: 850px; }

.clear { clear: both; }

/* used .alignRight instead of #num (for the number pad) here because the virtual keyboard
 strips IDs from the input - ID's are supposed to be unique! */
.alignRight { text-align: right; }

#info { margin: 220px auto 0 auto; width: 720px;}
#info ul { width: 350px; float: left; padding-right: 50px; }
#info div.nav { width: 280px; float: left; padding-top: 20px; }
#info button { width: 80px; }
#info .enter { width: 240px; }
.up, .left, .right, .down {
	color: #fff;
	border: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #7db9e8;
	background: -moz-linear-gradient(top, #7db9e8 0%, #1e5799 100%);
	background: -webkit-linear-gradient(top, #7db9e8 0%,#1e5799 100%);
	background: -o-linear-gradient(top, #7db9e8 0%,#1e5799 100%);
	background: -ms-linear-gradient(top, #7db9e8 0%,#1e5799 100%);
	background: linear-gradient(to bottom, #7db9e8 0%,#1e5799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
}
.up:hover, .left:hover, .right:hover, .down:hover {
	color: #000;
	background: #e4f5fc;
	background: -moz-linear-gradient(top, #e4f5fc 0%, #2ab0ed 100%);
	background: -webkit-linear-gradient(top, #e4f5fc 0%,#2ab0ed 100%);
	background: -o-linear-gradient(top, #e4f5fc 0%,#2ab0ed 100%);
	background: -ms-linear-gradient(top, #e4f5fc 0%,#2ab0ed 100%);
	background: linear-gradient(to bottom, #e4f5fc 0%,#2ab0ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 );
}
#info .key { font-weight: 700; color: #59b4d4; }
.underline { text-decoration: underline; }

#mobile #wrap { height: 200px; }
#mobile #switcher { max-width: 920px; width: auto; margin: 0 auto; }
#mobile #switcher .swatch { width: 180px; height: 80px; display: inline-block; margin: 0; }
.oldie #switcher .ui-body { float: left; clear: none !important; }
#mobile #switcher fieldset { text-align: center; white-space: nowrap; margin: 0; height: 20px; }
#mobile #switcher input { visibility: hidden; }
#mobile .ui-icon-radio-on, #mobile .ui-icon-radio-off { display: none; }
#mobile #switcher .ui-btn-active { box-shadow: 0 1px 5px rgba(255, 255, 255, 0.7); }
#mobile #switcher .ui-controlgroup-label { display: block; margin: 0 0 15px 0; width: auto; }
#mobile #switcher .ui-btn-inner { padding: 0; }
#mobile #switcher .ui-radio, #mobile #switcher .ui-radio label { font-size: 10px; width: 20px; height: 20px; margin: 0; display: inline-block; }
#mobile #switcher .ui-btn-text { position: relative; top: 2px; left: 5px; width: 10px; }

#footer { height: 150px; }
#footer2 div { margin: 220px auto; width: 650px; text-align: center; }

/* tooltip (jatt) */
#tooltip {
 width: 250px;
 color: #dddddd;
 background: #444;
 border: 1px solid #777;
 padding: 8px;
 display: none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align: center;
 border-radius: 1em;
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

/* close button */
#tooltip .close {
 display: none;
}










